<template>
  <div id="app" class="container">
    <Nav v-if="isShowNav" />
    <div class="layout">
      <router-view />
    </div>
  </div>
</template>
<script lang="ts">
import { Vue } from "vue-property-decorator";
import { isMobileOrPc } from "@/utils/utils";
if (isMobileOrPc()) {
  // width * 100 / 750 = width / 7.5
  // 1rem = 100px
  const width = window.screen.width;
  window.document.getElementsByTagName("html")[0].style.fontSize =
    width / 7.5 + "px";
}

export default class App extends Vue {
  private isShowNav = false;
  private isShowSlider = false;
}
</script>
<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
</style>
